.App {
  padding-top: 3%; /* 替换 margin-top */
  display: flex;
  flex-direction: column;
  border: none;
  height: 100vh; /* 占满视口高度 */
  overflow: hidden;
  width: 100%;
  box-sizing: border-box; /* 确保 padding 不会增加额外高度 */
}

.app-item {
  border: none;
  box-shadow: 2px 2px 5px #fff;
  transition: transform 0.2s;
  background: linear-gradient(to right, rgb(18, 194, 233), rgb(196, 113, 237), rgb(246, 79, 89));
  /* margin: 0.1rem; */
}

.app-item:hover {
  transform: scale(0.98);
}

.app-carousel {
  border: none;
  height: 100vh;
}

.app-grid {
    padding: 0rem;
}

.app-row {
  margin-left: 20px;
  margin-right: 20px;
  padding: 0.1rem;
  border: none;
}

.app-arrow-btn {
  background: rgba(192, 192, 192, 0.7);
}

